CSS 粘性定位

阐述

{
  position: sticky;
}

会让一个元素在滚动时与其中一个边的距离保持相同。这个边以及距离用 top: 0 这样的语法来描述，其中距离可以大于、等于、小于 0。但是，这种效果仅在它的包含元素在视图内有效。

注意：如果它的包含元素仅仅含有它一个孩子，那么它没有地方可以移动，粘性不会生效。

.sticky-ball {
	position: sticky;
	top: 25px; /* 0px, -25px */
}

header {
	height: 66px;
	position: sticky;
	top: 16px;
	padding-top: -16px;
}